<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
    <meta charset="UTF-8">

    <meta name="description" content="">
    <meta name="keywords" content="">

    <title></title>

    <link href="/css/style.css" media="screen" rel="stylesheet" type="text/css">
    <link href="/css/grid.css" media="screen" rel="stylesheet" type="text/css">
    <link href="/css/element.css" media="screen" rel="stylesheet" type="text/css">

    <script src="/js/jquery-1.7.2.min.js" ></script>
    <script src="/js/html5.js" ></script>
    <script src="/js/jflow.plus.js"></script>
    <script src="/js/jquery.carouFredSel-5.2.2-packed.js"></script>
    <script src="/js/checkbox.js"></script>
    <script src="/js/radio.js"></script>
    <script src="/js/selectBox.js"></script>
    <script src="/js/vue.js"></script>
    <script src="/js/element.js"></script>


    <script>
        $(document).ready(function() {
            $("select").selectBox();
        });
    </script>

    <script>
        function collection(){
            window.location.href = "/collect/getCollect?userId="+sessionStorage.getItem("userId");
        }

        $(document).ready(function(){
            $("#myController").jFlow({
                controller: ".control", // must be class, use . sign
                slideWrapper : "#jFlowSlider", // must be id, use # sign
                slides: "#slider",  // the div where all your sliding divs are nested in
                selectedWrapper: "jFlowSelected",  // just pure text, no sign
                width: "984px",  // this is the width for the content-slider
                height: "480px",  // this is the height for the content-slider
                duration: 400,  // time in miliseconds to transition one slide
                prev: ".slidprev", // must be class, use . sign
                next: ".slidnext", // must be class, use . sign
                auto: true
            });
        });
    </script>
    <script>
        $(function() {
            $('#list_product').carouFredSel({
                prev: '#prev_c1',
                next: '#next_c1',
                auto: false
            });
            $('#list_product2').carouFredSel({
                prev: '#prev_c2',
                next: '#next_c2',
                auto: false
            });
            $('#list_banners').carouFredSel({
                prev: '#ban_prev',
                next: '#ban_next',
                scroll: 1,
                auto: false
            });
            $(window).resize();
        });
    </script>
    <script>
        $(document).ready(function(){
            $("button").click(function(){
                $(this).addClass('click')
            });
        })
    </script>

</head>
<body>
div id="app">
<div class="container_12">
    <div id="top">
        <div class="grid_3">
            <div class="phone_top">
                Call Us +777 (100) 1234
            </div><!-- .phone_top -->
        </div><!-- .grid_3 -->

        <div class="grid_6">
            <div class="welcome">
                <div>欢迎访客，您可以<a href="/qd/login.html" style="color: #fe6400">登录</a> 或
                    <a href="/qd/register.html" style="color: #fe6400">创建帐户</a>.</div>


            </div><!-- .welcome -->
        </div><!-- .grid_6 -->

        <div class="grid_3">
            <div class="valuta">
                <ul>
                    <li class="curent"><a href="qd/customerService.html">客户服务</a></li>
                </ul>
            </div><!-- .valuta -->

            <div class="lang">
                <ul>
                    <li class="curent"><a href="/qd/personCenter.html">个人中心</a></li>
                    <li><a href="/qd/blog.html">关于我们</a></li>
                    <li><a href="/qd/contact_us.html">联系我们</a></li>
                </ul>
            </div><!-- .lang -->
        </div><!-- .grid_3 -->
    </div><!-- #top -->

    <div class="clear"></div>

    <header id="branding">
        <div class="grid_3">
            <hgroup>
                <h1 id="site_logo" ><a href="/goods/index.html" title=""><img src="/images/logo.png" alt="钦州坭兴陶" width="200" height="80"/></a></h1>
                <h2 id="site_description">钦州坭兴陶</h2>
            </hgroup>
        </div><!-- .grid_3 -->

        <div class="grid_3">
            <form class="search">
                <input type="text" name="search" class="entry_form" value="" placeholder="找你想要的..."/>
            </form>
        </div><!-- .grid_3 -->

        <div class="grid_6">
            <ul id="cart_nav">
                <li>
                    <a class="cart_li" href="javaScript:void(0);">购物车<span>￥0.00</span></a>
                    <ul class="cart_cont">
                        <li class="no_border"><p>最近添加的项目</p></li>
                        <li class="no_border">
                            <a href="/qd/shopping_cart.html" class="view_cart">查看购物车</a>
                            <a href="javascript:seeCart();" class="checkout">进行结账</a>
                        </li>
                    </ul>
                </li>
            </ul>

            <nav class="private">
                <ul>
                    <li><a href="/qd/personCenter.html">我的账户</a></li>
                    <li class="separator">|</li>
                    <li><a href="javascript:ahref();">我的收藏</a></li>
                    <li class="separator">|</li>
                    <li><a href="/qd/orderInfo.html">我的订单</a></li>
                    <li class="separator" v-if="!flag">|</li>
                    <li v-if="!flag"><a href="/qd/login.html">登录</a></li>
                    <li class="separator">|</li>
                    <li v-if="!flag" ><a href="/qd/register.html">注册</a></li>
                </ul>
            </nav><!-- .private -->
        </div><!-- .grid_6 -->
    </header><!-- #branding -->
</div><!-- .container_12 -->

<div class="clear"></div>
<div id="block_nav_primary">
    <div class="container_12">
        <div class="grid_12">
            <nav class="primary">
                <ul>
                    <li class="curent"><a href="/goods/index.html">首页</a></li>
                    <li><a href="/qd/all_catalog.html">全部宝贝</a></li>
                    <li><a href="/qd/catalog_grid.html">热销推荐</a></li>
                    <li><a href="/qd/compare.html">猜你喜欢</a></li>
                    <li>
                        <a href="/qd/catalog_list.html">新品推荐</a>
                    </li>


                    <li>
                        <a href="#">更多精彩</a>
                        <ul class="sub">
                            <li><a href="/qd/contact_us.html">联系我们</a></li>
                            <li><a href="/qd/blog.html">关于我们</a></li>

                        </ul>
                    </li>
                </ul>
            </nav><!-- .primary -->
        </div><!-- .grid_12 -->
    </div><!-- .container_12 -->
</div><!-- .block_nav_primary -->

<div class="clear"></div>

<section id="main" class="entire_width">
    <div class="container_12">
        <div id="content">
            <div class="grid_12">
                <h1 class="page_title">登录或者创建一个帐户</h1>
            </div><!-- .grid_12 -->

            <div class="grid_6 new_customers">
                <h2>新用户</h2>
                <p>通过在我们的商店中创建帐户，您将能够更快地完成结帐流程，存储多个送货地址，查看和跟踪帐户中的订单等等。</p>
                <div class="clear"></div>
                <button class="account" onclick="window.location.href='login.html'">立即登录</button>
            </div><!-- .grid_6 -->

            <div class="grid_6">
                <form class="registed" onsubmit="return false">
                    <h2>注册</h2>


                    <div class="email">
                        <strong>手机号:</strong><sup class="surely">*</sup><br/>
                        <input type="text" name="phone" class="" value="" required/>
                    </div><!-- .email -->

                    <div class="password">
                        <strong>密码:</strong><sup class="surely">*</sup><br/>
                        <input type="text" name="password" class="" value="" required/>

                    </div>
                    <div class="password">
                        <strong>确认密码:</strong><sup class="surely">*</sup><br/>
                        <input type="text" name="confirm" class="" value="" required/>

                        <!--</div>
                            <div class="password">
                            <strong>验证码:</strong><sup class="surely">*</sup><br/>
                            <input type="text" name="" class="" value=""  style="float: left; width: 155px;height: 33px; padding: 0 10px ;margin: 0;"/>
                            <input type="button" name="" class="" value="获取验证码" style="float: left; width: 100px; height: 35px; color: #FFFFFF; padding: 0 10px ;background: #ff6a00;margin: 0;"/>
                        </div>-->


                        <!-- .password -->

                        <div class="remember">

                            <span class="rem" style="color: #ff6a00; clear: both; display: block; width: 255px; padding-top: 10px;">立即登录</span>
                        </div><!-- .remember -->

                        <div class="submit">
                            <input type="submit" id="userSubmit" value="注册" />
                            <!--<sup class="surely">*</sup><span>Required Field</span>-->
                        </div><!-- .submit -->
                </form><!-- .registed -->
            </div><!-- .grid_6 -->
        </div><!-- #content -->

        <script>
            $(document).ready(function(){
                $("#userSubmit").click(function(){
                    var phone = $("[name='phone']").val();
                    var password = $("[name='password']").val();
                    var confirm = $("[name='confirm']").val();
                    if (confirm == password){
                        $.ajax({
                            type: "POST",
                            url: "/user/userRegister",
                            data: {'phone':phone,'password':password},
                            success: function(ret){
                                if (ret.status == 1){
                                    alert("注册成功!")
                                    window.location.href = "/qd/login.html"
                                }else{
                                    alert("注册失败！")
                                }
                            }
                        });
                    }else {
                        alert("两次密码不一致请重新登录!")
                    }
                })
            })
        </script>



        <div class="clear"></div>
    </div><!-- .container_12 -->
</section><!-- #main -->

<div class="clear"></div>

<footer>
    <div class="f_navigation">
        <div class="container_12">
            <div class="grid_3">
                <h3>联系我们</h3>
                <ul class="f_contact">
                    <li>钦州湾广场</li>
                    <li>+777 (100) 1234</li>
                    <li>mail@example.com</li>
                </ul><!-- .f_contact -->
            </div><!-- .grid_3 -->

            <div class="grid_3">
                <h3>信息</h3>
                <nav class="f_menu">
                    <ul>
                        <li><a href="/qd/blog.html">关于我们</a></li>
                        <li><a href="#">隐私政策</a></li>
                        <li><a href="#">条款及细则</a></li>
                        <li><a href="#">安全付款</a></li>
                    </ul>
                </nav><!-- .private -->
            </div><!-- .grid_3 -->

            <div class="grid_3">
                <h3>顾客服务</h3>
                <nav class="f_menu">
                    <ul>
                        <li><a href="/qd/contact_us.html">联系方式</a></li>
                        <li><a href="#">返回</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">网站地图</a></li>
                    </ul>
                </nav><!-- .private -->
            </div><!-- .grid_3 -->
            <div class="clear"></div>
        </div><!-- .container_12 -->
    </div><!-- .f_navigation -->

    <div class="f_info">
        <div class="container_12" >
            <div class="grid_6" style="margin: 0 auto; width: 100%;">
                <p class="copyright" style="text-align: center;">© 钦州坭兴陶, 2020.07 </p>
            </div><!-- .grid_6 -->
            <div class="clear"></div>
        </div><!-- .container_12 -->
    </div><!-- .f_info -->
</footer>


</body>
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
</html>
